<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //特点1 :
        // 没有arguments 没有 arguments.callee 
        // 特点2: 
        // this
        // 箭头函数 没有this  它的this 就是作用域外部的this 
        // 父级作用域的this 

        // 特点3:  ()=>{}
        // 如果 形参只有一个 可以省略 小括号 
        // 如果形参 是0个或者2个及以上  小括号 必须写  

        // 特点4:
        // 当执行语句只有一行  可以省略大括号 
        // 他会自动把你这行代码的值返回  

        // function test(){
        //     alert(this); //普通函数 this => window

        // }

        // test()

        // document.onclick = function(){
        //     alert(this); //绑定在谁身上 谁就是this 
        //     // #document
        //     var fn1 = function(){
        //         console.log(this);
        //     }
        //     fn1()
        //     var fn2 = ()=>{
        //         console.log(this);
        //     }
        //     fn2()
        //     // fn2 外部作用域 是 function  function 中的this 是 document 
        //     // fn2的this 就是document 
        // }

        //作用域  内的 只能自己或者后台用  不能给父级使用


        // var test5 = (num) =>{
        //     alert(num);
        // }

        // test5(666);

        // var test5 = num => {
        //     alert(num);
        // }

        // test5(999);

        // var test5 = num,num2 => {  不支持 两个以上及 无参使用省略小括号
        //     alert(num+num2);
        // }

        // test5(999);

        // var test6 = num => num ;  // 自动将num作为返回值 返回 

        // alert(test6(100))

    </script>
</body>
</html>